<!--
 * @描述: 工作台
 * @版权所有: 广东国星科技有限公司
 * @商业授权: www.mscodecloud.com
-->
<template>
  <div class="dashboard-container">
    <div class="dashboard-editor-container">
      <div>
        MSCode微服务平台为响应式布局，针对不同屏幕大小设计，适配电脑、平板和手机。
      </div>
      <br>
      <div>
        MSCode微服务平台使用阿里巴巴Sentinel进行流量控制，并发量大时表格若没数据刷新即可。
      </div>
      <br>
      <div>
        <font color="blue">这是开源版本，查看更多更强的功能和商业授权在</font><a href="https://www.mscodecloud.com" target="_blank">MSCode微服务平台官网 mscodecloud.com</a><font color="blue">。我公司除了提供框架平台，也接单各种信息化项目，请联系QQ：3228979148或第4QQ群：259643738或电话微信：020-36968862 / 15011899123！</font>
      </div>
      <br>
      <div>MSCode微服务平台架构图</div>
      <img :src="architecturePng" class="architecturePng">
      <br>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CommonEditor',
  data() {
    return {
      architecturePng: 'https://www.mscodecloud.com/static/mscode-architecture.png'
    }
  }
}
</script>

<style lang="scss" scoped>
  .architecturePng {
    max-width: 100%;
  }

  .dashboard-container {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    min-height: 100vh;
    padding: 16px;
    text-align: center;
  }

  .dashboard-editor-container {
    background-color: white;
    padding: 20px;
    display: inline-block;
    text-align: left;
  }

  a {
    color: #1890FF;
  }

  a:hover {
    color: #40a9ff;
  }
</style>
